/**
 * 主题配置
 * 定义应用中可用的主题及其基本信息
 */
export const themeConfig = {
  /** 明亮主题配置 */
  light: {
    label: '明亮模式', // 主题显示名称
    icon: 'fa-solid fa-sun', // 主题图标
    name: 'light', // 主题唯一标识
  },
  /** 暗黑主题配置 */
  dark: {
    label: '暗黑模式', // 主题显示名称
    icon: 'fa-solid fa-moon', // 主题图标
    name: 'dark', // 主题唯一标识
  },
}

/**
 * 主题定义
 * 包含各主题的详细颜色配置
 */
// 定义多个主题
export const themes = {
  light: {
    colors: {
      // 基础颜色 - 用于背景、文本等基础元素
      'white-soft': '#f8f8f8', // 柔和白色
      'white-mute': '#f2f2f2', // 哑白色

      'black-soft': '#222222', // 柔和黑色
      'black-mute': '#282828', // 哑黑色

      'gray-soft': '#d1d5db', // 柔和灰色
      'gray-mute': '#dfdfdf', // 哑灰色
      indigo: '#2c3e50', // 靛蓝色

      // 功能色 - 用于按钮、状态提示等
      success: '#10b981', // 成功色
      'success-border': '#10b981', // 成功按钮边框色
      'success-hover': '#34d399', // 成功色-悬停
      'success-hover-border': '#34d399', // 成功按钮悬停边框色
      'success-active': '#14b883', // 成功色-激活
      'success-active-border': '#14b883', // 成功按钮激活边框色
      warning: '#f59e0b', // 警告色
      'warning-border': '#f59e0b', // 警告按钮边框色
      'warning-hover': '#fbbf24', // 警告色-悬停
      'warning-hover-border': '#fbbf24', // 警告按钮悬停边框色
      'warning-active': '#f59e0b', // 警告色-激活
      'warning-active-border': '#f59e0b', // 警告按钮激活边框色
      danger: '#ef4444', // 危险色
      'danger-border': '#ef4444', // 危险按钮边框色
      'danger-hover': '#f87171', // 危险色-悬停
      'danger-hover-border': '#f87171', // 危险按钮悬停边框色
      'danger-active': '#ef4444', // 危险色-激活
      'danger-active-border': '#ef4444', // 危险按钮激活边框色
      primary: '#1890ff', // 主色调
      'primary-light': 'color-mix(in srgb, #1890ff, white 80%)', // 主色调-明亮版
      'primary-border': '#1890ff', // 主按钮边框色
      'primary-hover': '#40a9ff', // 主色调-悬停
      'primary-hover-border': '#40a9ff', // 主按钮悬停边框色
      'primary-active': '#1890ff', // 主色调-激活
      'primary-active-border': '#1890ff', // 主按钮激活边框色
      info: '#409eff', // 信息色
      'info-hover': '#69b0ff', // 信息色-悬停
      'info-active': '#409eff', // 信息色-激活

      // 分隔线颜色
      divider: 'rgba(60, 60, 60, 0.29)', // 分隔线
      'divider-light': 'rgba(80, 80, 80, 0.12)', // 浅分隔线

      // 文本颜色
      'primary-text': '#2c3e50', // 主要文本
      'secondary-text': 'rgba(60, 60, 60, 0.66)', // 次要文本
      'tertiary-text': 'rgba(60, 60, 60, 0.48)', // 第三级文本

      // 阴影颜色
      'primary-shadow': 'rgba(55, 164, 253, 0.8)', // 主阴影
      'secondary-shadow': 'rgba(0, 0, 0, 0.15)', // 柔和阴影

      // 区块颜色
      'aside-background': '#fbf9fa', // 侧边栏背景
      'header-background': '#1890ff', // 头部背景
      'content-background': '#ffffff', // 内容背景
      'footer-background': '#ffffff', // 底部背景

      // 组件背景色
      'menu-background': '#ffffff', // 菜单背景
      'sub-menu-background': '#ffffff', // 子菜单背景
      'menu-active-background': 'linear-gradient(90deg, #e0f2fe 0%, #bae6fd 60%, #f0f9ff 100%)', // 菜单激活背景
      'card-background': '#ffffff', // 卡片背景
      'input-background': '#ffffff', // 输入框背景
      'dropdown-background': '#ffffff', // 下拉菜单背景
      'table-background': '#ffffff', // 表格背景
      'table-header-background': '#f8f8f8', // 表格头部背景
      'table-row-background': '#ffffff', // 表格行背景
      'table-row-hover-background': '#f8f8f8', // 表格行悬停背景
      'card-header-background': '#f8f8f8', // 卡片头部背景
      'overlay-background': '#f8f8f8', // 覆盖层背景
      'button-hover-background': '#f8f8f8', // 按钮悬停背景
      'button-hover-shadow-color': 'rgba(248, 248, 248, 0.8)', // 按钮悬停阴影颜色
      'dropdown-hover-background': '#f8f8f8', // 下拉项悬停背景
      'date-cell-hover-background': '#f8f8f8', // 日期单元格悬停背景
      'pagination-hover-background': '#f8f8f8', // 分页悬停背景
      'pagination-background': '#ffffff', // 分页背景
      'fill-color-blank': '#ffffff', // 空白填充色
      'component-white': '#ffffff', // 组件白色
      'button-bg-color': '#ffffff', // 按钮背景色
      'button-text-color': '#ffffff', // 按钮文本色
      'radio-checked-bg-color': '#ffffff', // 单选框选中背景色
      'switch-on-text-color': '#ffffff', // 开关开启文本色
      'switch-thumb-bg-color': '#ffffff', // 开关滑块背景色
      'pagination-active-text-color': '#ffffff', // 分页激活文本色
      'dialog-body-bg-color': '#ffffff', // 对话框内容背景色
      'button-active-background': '#f2f2f2', // 按钮激活背景色
      'switch-off-color': '#e5e7eb', // 开关关闭颜色
      'shadow-light': 'rgba(59, 130, 246, 0.05)', // 浅色阴影

      // 边框颜色
      'border-color': 'rgba(80, 80, 80, 0.12)', // 边框色

      // 全局背景色
      background: '#ffffff', // 页面背景色
    },
  },
  dark: {
    colors: {
      // 基础颜色 - 用于背景、文本等基础元素
      'white-soft': '#f8f8f8', // 柔和白色
      'white-mute': '#f2f2f2', // 哑白色

      'black-soft': '#222222', // 柔和黑色
      'black-mute': '#282828', // 哑黑色

      'gray-soft': '#d1d5db', // 柔和灰色
      'gray-mute': '#dfdfdf', // 哑灰色
      indigo: '#2c3e50', // 靛蓝色

      // 功能色 - 用于按钮、状态提示等
      success: '#059669', // 成功色
      'success-border': '#059669', // 成功按钮边框色
      'success-hover': '#14b883', // 成功色-悬停
      'success-hover-border': '#14b883', // 成功按钮悬停边框色
      'success-active': '#047857', // 成功色-激活
      'success-active-border': '#047857', // 成功按钮激活边框色
      warning: '#d97706', // 警告色
      'warning-border': '#d97706', // 警告按钮边框色
      'warning-hover': '#f59e0b', // 警告色-悬停
      'warning-hover-border': '#f59e0b', // 警告按钮悬停边框色
      'warning-active': '#d97706', // 警告色-激活
      'warning-active-border': '#d97706', // 警告按钮激活边框色
      danger: '#aa2f0d', // 危险色
      'danger-border': '#dc4c25', // 危险按钮边框色
      'danger-hover': '#eb3118', // 危险色-悬停
      'danger-hover-border': '#eb3118', // 危险按钮悬停边框色
      'danger-active': '#6b1313', // 危险色-激活
      'danger-active-border': '#6b1313', // 危险按钮激活边框色
      primary: '#1e2939', // 主色调
      'primary-light': 'color-mix(in srgb, #1e2939, white 10%)', // 主色调-明亮版
      'primary-border': '#376baa', // 主按钮边框色
      'primary-hover': '#426ea5', // 主色调-悬停
      'primary-hover-border': '#426ea5', // 主按钮悬停边框色
      'primary-active': '#385e8b', // 主色调-激活
      'primary-active-border': '#385e8b', // 主按钮激活边框色
      info: '#307dcb', // 信息色
      'info-hover': '#409eff', // 信息色-悬停
      'info-active': '#307dcb', // 信息色-激活

      // 分隔线颜色
      divider: 'rgba(84, 84, 84, 0.65)',
      'divider-light': 'rgba(84, 84, 84, 0.48)',

      // 文本颜色
      'primary-text': '#f3f4f6', // 主要文本
      'secondary-text': '#e5e7eb', // 次要文本
      'tertiary-text': '#cbd5e1', // 第三级文本

      // 阴影颜色
      'primary-shadow': 'rgba(69, 105, 164, 0.8)',
      'secondary-shadow': 'rgba(0, 0, 0, 0.6)',

      // 区块颜色
      'aside-background': '#101828', // 侧边栏背景
      'header-background': '#1e3147', // 头部背景
      'content-background': '#1e2939', // 内容背景
      'footer-background': '#222222', // 底部背景

      // 组件背景色
      'menu-background': '#1e242e', // 菜单背景
      'sub-menu-background': '#2c3543', // 子菜单背景
      'menu-active-background': '#213860', // 菜单激活背景
      'card-background': '#1e2939', // 卡片背景
      'input-background': '#1f2937', // 输入框背景
      'dropdown-background': '#1e2939', // 下拉菜单背景
      'table-background': '#1f2937', // 表格背景
      'table-header-background': '#323b4b', // 表格头部背景
      'table-row-background': '#1a2639', // 表格行背景
      'table-row-hover-background': '#2c3543', // 表格行悬停背景
      'card-header-background': '#323b4b', // 卡片头部背景
      'overlay-background': '#2c3543', // 覆盖层背景
      'button-hover-background': '#2c3543', // 按钮悬停背景
      'button-hover-shadow-color': 'rgba(44, 53, 67, 0.8)', // 按钮悬停阴影颜色
      'dropdown-hover-background': '#2c3543', // 下拉项悬停背景
      'date-cell-hover-background': '#2c3543', // 日期单元格悬停背景
      'pagination-hover-background': '#2c3543', // 分页悬停背景
      'pagination-background': '#1f2937', // 分页背景
      'fill-color-blank': '#1f2937', // 空白填充色
      'component-white': '#f3f4f6', // 组件白色
      'button-bg-color': '#f3f4f6', // 按钮背景色
      'button-text-color': '#f3f4f6', // 按钮文本色
      'radio-checked-bg-color': '#f3f4f6', // 单选框选中背景色
      'switch-on-text-color': '#f3f4f6', // 开关开启文本色
      'switch-thumb-bg-color': '#f3f4f6', // 开关滑块背景色
      'pagination-active-text-color': '#f3f4f6', // 分页激活文本色
      'dialog-body-bg-color': '#f3f4f6', // 对话框内容背景色
      'button-active-background': '#374151', // 按钮激活背景色
      'switch-off-color': '#4b5563', // 开关关闭颜色
      'shadow-light': 'rgba(30, 41, 59, 0.3)', // 浅色阴影

      // 边框颜色
      'border-color': '#293241',

      // 全局背景色
      background: '#1e2939', // 页面背景色
    },
  },
  // 可以添加更多主题 - 扩展时只需按照相同格式添加新主题
}
